<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>作业：彩色表单（1701-家多宝）</title>
		<style type="text/css">
			h1{
				color: crimson;
			}
			form{
				width: auto;
			}
		</style>
	</head>
	<body>
		<center>
			<h1>帝都人口调查</h1>
		</center>
		<form action="p2.html" method="post" style="background-color: bisque; width: 400px; vertical-align: middle;">
			<fieldset>
				<legend>基本信息</legend>
				姓名：<input type="text" name="name" placeholder="请输入姓名"/><br/>
				性别：<input type="radio" name="sex" value="1" checked="checked"/>男
				<input type="radio" name="sex" value="0"/>女<br/>
				年龄：<input type="number" name="age" value="age" placeholder="18"/><br/>
				籍贯：<select name="city">
					<option value="1">北京</option>
					<option value="0">其他</option>
				</select>	<br/>
				居住地：
				<select>
					<optgroup label="海淀">
						<option>唐家岭</option>
						<option>上地</option>
						<option>北大</option>
						<option>清华</option>
					</optgroup>
					<optgroup label="朝阳">
						<option>国贸</option>
						<option>姚家园</option>
						<option>其他</option>
					</optgroup>
					<optgroup label="其他">
						<option>其他</option>
					</optgroup>
				</select>
			</fieldset>
			<input type="submit" value="继续"/>
			<input type="reset" value="重置" />
		</form>

	</body>
</html>
